iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 26
0
Modern Web

Vue.js 30天系列 第 26

Vue.js 26 - 跨組件狀態管理 - Vuex

  • 分享至 

  • xImage
  •  

前面元件/組件(Compnent)篇已介紹內外資料如何傳遞,這篇將更進一步討論

若是情況不再單純,組件樹過深、彼此平行的組件仍要進行狀態同步,要如何管理呢?

有人得跳出來做狀態管理,官方推薦 Vuex

特色

  • 單向資料流
  • 集中管理狀態
  • 易於追蹤狀態異動及來源

安裝

透過npm安裝

$ npm install vuex --save

載入並使用vuex

import Vuex from 'vuex';
Vue.use(Vuex);

資料流


上一篇
Vue.js 25 - 其他現成UI
下一篇
Vue.js 27 - 跨組件狀態管理 - Vuex(應用篇)
系列文
Vue.js 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
黃立豪
iT邦新手 5 級 ‧ 2021-03-15 17:56:50

這樣竟然可以是一篇...

我要留言

立即登入留言